<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css" />
		<style type="text/css">

		</style>
	</head>

	<body>
		<!--
	作者：肖遥
	时间：2018-09-22
	描述：login
-->
		<blockquote class="site-text layui-elem-quote">
			<h3>用户列表管理</h3>
		</blockquote>

		<div class="layui-row">

			<div class="layui-col-md5">
				<button class="layui-btn  addUser">添加用户</button>
				<button class="layui-btn layui-btn-danger">批量删除</button>
				<button class="layui-btn">下载导入模板</button>
				<button class="layui-btn">导入</button>
				<button class="layui-btn">导出</button>
			</div>

			<div class="layui-col-md7">
				<div class="layui-form-item">
					<label class="layui-form-label">账号</label>
					<div class="layui-input-inline">
						<input type="text" name="password" placeholder="请输入账号" autocomplete="off" class="layui-input">
					</div>

					<label class="layui-form-label">姓名</label>
					<div class="layui-input-inline">
						<input type="text" name="password" placeholder="请输入姓名" autocomplete="off" class="layui-input">
					</div>

					<button class="layui-btn">搜索</button>

				</div>
			</div>
		</div>

		<hr>

		<div>
			<form class="layui-form" action="">
				<table class="layui-table">
					<colgroup>
						<col width="100">
						<col width="300">
						<col width="200">
						<col width="200">
						<col width="100">
						<col width="300">
						<col width="180">
						<col width="400">
					</colgroup>
					<thead>
						<tr>
							<th><input type="checkbox"></th>
							<th>账号</th>
							<th>姓名</th>
							<th>手机号码</th>
							<th>籍贯</th>
							<th>出生日期</th>
							<th>账号是否启用</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th><input type="checkbox"></th>
							<th>zhangsan</th>
							<th>张三</th>
							<th>18868</th>
							<th></th>
							<th>2004-08-28</th>
							<th>
								<input type="checkbox" name="switch" lay-skin="switch">
							</th>
							<th>
								<button class="layui-btn">编辑</button>
								<button class="layui-btn">重置密码</button>
								<button class="layui-btn layui-btn-danger">删除</button>
							</th>
						</tr>

					</tbody>
				</table>
			</form>
		</div>

		<script src="../../../base/js/jquery-1.11.3.min.js"></script>
		<script src="../../../base/plugins/layui/layui.js"></script>
		<script type="text/javascript">
			layui.use('form', function() {
				var form = layui.form;

				$(".addUser").click(function() {
					layer.open({
						type: 2,
						title: 'layer mobile页',
						shadeClose: true,
						shade: 0.8,
						area: ['800px', '90%'],
						content: '用户新增.html' //iframe的url
					});

				});
			});
		</script>

	</body>

</html>